<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="less/fill-style.css">
    <script src="js/flexible.js"></script>
</head>

<body>
    <header>
        <a href="javascript:void(0)" id="back">返回</a>
        <a href="javascript:void(0)">订单填写</a>
        <a href="javascript:void(0)"></a>
    </header>

    <section>
        <article>
            <div class="fill-txt">
                <div>
                    <p>三亚5日4晚半自动游套餐</p>
                    <p>出发日期：<i>2017-9-10</i></p>
                    <p>出行人数：<i>3成人</i> </p>
                </div>
                <a href="">预定限制 ></a>
            </div>

            <div class="fill-chunk">
                <div class="going">
                    <i class="trip-left"></i>
                    <div>
                        <p>去选择出行人</p>
                        <p>为了您顺利出行<br>请务必保证填写与出游所持证件一致！</p>
                    </div>
                    <i class="trip-reight"></i>
                </div>
            </div>

            <div class="fill-two">
                <div class="going-two">
                    <span class="go-left">成</span>
                    <p>苏大苏塔</p>
                    <i class="go-reight"></i>
                </div>

                <div class="going-two">
                    <sapn class="go-left">童</sapn>
                    <p>苏大大</p>
                    <i class="go-reight"></i>
                </div>
                <div class="fl">
                    <p>为了您顺利出行<br>请务必保证填写与出游所持证件一致！</p>
                    <p> <a href="">更换出行人员></a></p>
                </div>
            </div>

            <div class="fill-three">
                <div class="message">
                    <i class="mes-left"></i>
                    <div>
                        <p>联系人信息</p>
                        <p>请填写联系人姓名<br>请填写手机号码1352***3552</p>
                    </div>
                    <i class="mes-reight"></i>
                </div>
            </div>
            <div class="fill-logo">
                <div id="ig"><a href=""> <img src="images/img/fill-youhuiquan_03.png" alt=""></a>
                    <div id="ticket">
                        <span>1张券可用</span>
                        <i></i>
                    </div>
                </div>
            </div>

            <div class="bill">
                <div class="title">
                    <i class="title-left"></i>
                    <div>
                        <p>发票</p>
                        <p>不需要发票</p>
                    </div>
                    <i class="title-reight"></i>
                </div>

                <div class="title">
                    <i class="title-left"></i>
                    <div>
                        <p>特俗要求</p>
                        <p>无</p>
                    </div>
                    <i class="title-reight"></i>
                </div>

            </div>

            </div>
            <aside>
                <div class="why">
                    <p><img src="images/icon/Warning.png"></p>
                    航班价格变动频繁，<br> 请在提交订单后25分钟内完成支付。
                </div>
                <div class="why">
                    <p><img src="images/icon/Warning.png"></p>
                    <p>
                        点击下一步表示已阅读并同意 <a href="javascript:void(0)"> 预订须知和重要条款。</a>
                    </p>
                </div>
                <div class="why">
                    <p><img src="images/icon/Warning.png"></p>
                    为支持绿色环保，默认电子合同，若需要签署纸质合同请致电客服。
                </div>
            </aside>
        </article>

    </section>

    <footer>
        <div><span>￥6520 </span> <a href=""> 明细></a> </div>
        <div id="pay">去支付</div>
    </footer>
    <script>
        var back = document.querySelector('#back');
        back.onclick = function (e) {
            window.history.back(-1);
            e.prevent();
        }

        var pay = document.querySelector('#pay');
        pay.onclick = function () {
            alert('准备进入支付页面，请注意！！！')
        }
    </script>
</body>

</html>